<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>系统消息管理</title>

    <link href="../css/bootstrap.min.css" rel="stylesheet">
    <link href="../font-awesome/css/font-awesome.css" rel="stylesheet">

    <link href="../css/animate.css" rel="stylesheet">
    <link href="../css/style.css" rel="stylesheet">

    <link rel="stylesheet" href="../css/myStyle.css"/>



    <style>
        .aa{
            width: 100%;
            border: 1px solid red;
        }
        .xt-t{
            color: #000000;
            background: #d8e0e8;
            text-align: center;
            height:100%;
            line-height: 55px;
            width: 195px;
        }
        .btn-sjqx{
            margin-top:8px;
        }
        .btn-sjqx .btn-ss{
            width: 300px;
            background: #ffffff;
            border: 1px solid #f4f6f7;
            height: 40px;
        }
        .btn-sjqx .btn-btn{
            width: 40px;
            height: 40px;
            border: none;
            background: #f5f8f9;
        }
        .btn-sjqx .dropdown-menu{
            width: 300px;
        }
        .group-box-c{
            display: inline-block;
            width: 800px;;
            border: 1px solid red;
            margin-left: 20px;
        }
        .group-box-c>.checkbox{
            display: inline-block;
            /*margin-left:50px;*/
            width:90px;
            margin-top: 20px;
            font-size: 14px;
        }
        .group-box-c>div:nth-child(3n+1){

        }
        .grop-box{
            width:100px;;
            display: inline-block;
            /*position: absolute;*/
            /*right: 0px;*/
            /*top: 0px;*/
        }
        .grop-box-a{
            /*width: 00px;*/
            margin-right: 60px;
            margin-top: 10px;
            /*position: relative;*/
            /*position: absolute;*/
            right: 10px;
            font-size: 14px;
            /*border: 1px solid red;*/
        }
        .checkbox label, .radio label{
            padding-left: 0px;
        }
        .grop-down{
            font-size: 14px;
            /*cursor: pointer;*/
        }
        .grop-up{
            /*position: absolute;*/
            right: 20px;
            top: 60px;
            font-size: 14px;
            cursor: pointer;
        }
        .wrapper-list{
            /*overflow: hidden;*/
            border: 1px solid royalblue;
            height: 55px;
            margin-top: 10px;
        }
        .wrapper-list>div{
            /*overflow: hidden;*/
        }

    </style>
</head>
<body>
<div id="wrapper">
    <!--左侧部分-->
    <nav class="navbar-default navbar-static-side navbar-width" role="navigation">
        <div class="sidebar-collapse">
            <ul class="nav metismenu nav-left" id="side-menu">
                <li class="nav-header">
                    <div class="dropdown profile-element nav-wyglxt">
                        <img alt="image" class="img-circle" src="../img/glxt.png"/>
                    </div>
                </li>
                <li class="nav-title">
                    <span class="nav-label">管理中心</span>
                </li>
                <li>
                    <a href="##"><i class="fa fa-bookmark"></i> <span class="nav-label">门户管理</span> <span
                            class="fa arrow"></span></a>
                    <ul class="nav nav-second-level collapse">
                        <li><a href="##">名师管理</a></li>
                        <li><a href="##">名校管理</a></li>
                        <li><a href="##">通知公告</a></li>
                        <li><a href="##">直播课程</a></li>
                    </ul>
                </li>
                <li>
                    <a href="###"><i class="fa  fa-desktop"></i> <span class="nav-label">直播课程</span></a>
                </li>
                <li>
                    <a href="###"><i class="fa fa-bell-o"></i> <span class="nav-label">通知公告管理</span></a>
                </li>
                <li>
                    <a href="###"><i class="fa fa-institution "></i> <span class="nav-label">学校管理</span></a>
                </li>
                <li>
                    <a href="###"><i class="glyphicon glyphicon-user" aria-hidden="true"></i> <span class="nav-label">老师信息管理</span></a>
                </li>
                <li class="nav-title">
                    <span class="nav-label">资源中心</span>
                </li>
                <li>
                    <a href="###"><i class="fa  fa-database"></i> <span class="nav-label">资源列表</span></a>
                </li>
                <li>
                    <a href="###"><i class="fa fa-pencil"></i> <span class="nav-label">资源审核</span></a>
                </li>
                <li>
                    <a href="###"><i class="fa fa-diamond"></i> <span class="nav-label">网院公开课</span></a>
                </li>
                <li class="nav-title">
                    <span class="nav-label">学习中心</span>
                </li>
                <li>
                    <a href="###"><i class="fa fa-trophy"></i> <span class="nav-label">证书管理</span> <span
                            class="fa arrow"></span></a>
                    <ul class="nav nav-second-level collapse">
                        <li><a href="##">已颁发证书</a></li>
                        <li><a href="##">颁发证书</a></li>
                    </ul>
                </li>
                <li>
                    <a href="###"><i class="fa  fa-file-o"></i> <span class="nav-label">教师学习情况</span></a>
                </li>
                <li class="nav-title">
                    <span class="nav-label">服务中心</span>
                </li>
                <li>
                    <a href="###"><i class="fa fa-lightbulb-o"></i> <span class="nav-label">平台使用帮助</span></a>
                </li>
                <li>
                    <a href="###"><i class="fa fa-diamond"></i> <span class="nav-label">机关信息查询</span></a>
                </li>
                <li class="nav-title">
                    <span class="nav-label">系统管理</span>
                </li>
                <li>
                    <a href="###"><i class="fa fa-dribbble"></i> <span class="nav-label">基本信息管理</span></a>
                </li>
                <li>
                    <a href="###"><i class="fa fa-cube"></i> <span class="nav-label">分院信息管理</span></a>
                </li>
                <li>
                    <a href="###"><i class="fa  fa-bookmark"></i> <span class="nav-label">系统账号管理</span> <span
                            class="fa arrow"></span></a>
                    <ul class="nav nav-second-level collapse">
                        <li><a href="##">账号管理</a></li>
                        <li><a href="##">角色管理</a></li>
                        <li><a href="##">操作日志</a></li>
                        <li><a href="##">Dashboard v.4</a></li>
                    </ul>
                </li>
                <li>
                    <a href="###"><i class="fa  fa-envelope-o"></i> <span class="nav-label">系统消息管理</span></a>
                </li>
            </ul>

        </div>
    </nav>
    <!--右侧内容的区域-->
    <div id="page-wrapper" class="gray-bg">
        <!--上面的导航栏部分-->
        <div class="row border-bottom">
            <nav class="navbar navbar-static-top navbar-top-height" role="navigation" style="margin-bottom: 0">
                <div class="navbar-header">
                    <a class="navbar-minimalize minimalize-styl-2 btn btn-primary navbar-btn-margin" href="###"><i
                            class="fa fa-dedent"></i> </a>
                    <div class="navbar-collapse collapse" id="navbar" style="float: left">
                        <ul class="nav navbar-nav navbar-top-left">
                            <li class="dropdown nav-city">
                                <a aria-expanded="false" role="button" href="###" class="dropdown-toggle"
                                   data-toggle="dropdown">株洲市 <span class="caret"></span></a>
                                <ul role="menu" class="dropdown-menu nav-dropdown-list">
                                    <div class="nav-triangle"></div>
                                    <li><a href="###">株洲市</a></li>
                                    <li><a href="###">长沙市</a></li>
                                    <li><a href="###l">邵阳市</a></li>
                                </ul>
                            </li>
                            <li class="dropdown nav-zone">
                                <a aria-expanded="false" role="button" href="###" class="dropdown-toggle"
                                   data-toggle="dropdown">芦淞区<span class="caret"></span></a>
                                <ul role="menu" class="dropdown-menu nav-dropdown-list">
                                    <div class="nav-triangle"></div>
                                    <li><a href="###">芦淞区</a></li>
                                    <li><a href="###">芦淞区</a></li>
                                    <li><a href="####">芦淞区</a></li>
                                    <li><a href="###">芦淞区</a></li>
                                </ul>
                            </li>
                            <li class="dropdown nav-school">
                                <a aria-expanded="false" role="button" href="###" class="dropdown-toggle"
                                   data-toggle="dropdown">南方中学<span class="caret"></span></a>
                                <ul role="menu" class="dropdown-menu nav-dropdown-list">
                                    <div class="nav-triangle"></div>
                                    <li><a href="###">芦淞区</a></li>
                                    <li><a href="###">芦淞区</a></li>
                                    <li><a href="####">芦淞区</a></li>
                                    <li><a href="###">芦淞区</a></li>
                                    <li><a href="###">芦淞区</a></li>
                                    <li><a href="###">芦淞区</a></li>
                                    <li><a href="###">芦淞区</a></li>
                                    <li><a href="###">芦淞区</a></li>
                                    <li><a href="###">芦淞区</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
                <ul class="nav navbar-top-links navbar-right navbar-top-right" style="float: right;">
                    <li class="nav-num">
                        <a href="##">
                            <i class="fa fa-bell-o"><span>2</span></i>
                        </a>
                    </li>
                    <li class="dropdown nav-sjgly">
                        <a aria-expanded="false" role="button" href="###" class="dropdown-toggle" data-toggle="dropdown"
                           style="color: #000000">市级管理员&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span
                                class="fa fa-angle-down"></span></a>
                        <ul role="menu" class="dropdown-menu nav-dropdown-list">
                            <li><a href="###">株洲市</a></li>
                            <li><a href="###">长沙市</a></li>
                            <li><a href="###l">邵阳市</a></li>
                            <li><a href="###l">邵阳市</a></li>
                            <li><a href="###l">邵阳市</a></li>
                        </ul>
                    </li>
                </ul>
            </nav>
        </div>
        <!--下面内容部分-->
        <div class="wrapper wrapper-content">
            <div class="row">
                <div class="col-lg-12">
                    <!--分页标题部分-->
                    <div class="page-title"><h5>操作日志</h5></div>
                    <!--查询列表部分-->
                    <div class="inquiry-list col-lg-12">
                        <div class="inquiry-list-all clearfix">
                            <div class="input-group">
                                <input type="text" placeholder="搜索" class="input-sm form-control"> <span
                                    class="input-group-btn">
                                <button type="button" class="btn" style="background: #ffffff;margin-left: 1px"><i class="glyphicon glyphicon-search" style="font-size: 20px;color: #bfbfbf"></i></button>
                            </span></div>
                            <button type="button" class="btn btn-more" style="background: #51c6ea">高级搜索</button>
                        </div>
                    </div>
                    <!--发送时间部分-->
                </div>
            </div>

        </div>
        <div class="wrapper wrapper-content">
            <div class="row aa" style="height: 55px">
                <div class=" xt-t">
                    数据权限
                </div>
                <div style="display: inline-block;background: white;height: 100%">
                    <div class="form-group form-czrz">
                        <div class="btn-group btn-sjqx">
                            <button type="button" class="btn btn-ss">全市</button>
                            <button type="button" class="dropdown-toggle btn-btn" data-toggle="dropdown"
                                    aria-haspopup="true" aria-expanded="false">
                                <span class="caret"></span>
                                <span class="sr-only">Toggle Dropdown</span>
                            </button>
                            <ul class="dropdown-menu">
                                <li><a href="#">Action</a></li>
                                <li><a href="#">Another action</a></li>
                                <li><a href="#">Something else here</a></li>
                                <li><a href="#">Separated link</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row wrapper-list-l2 wrapper-list">
                <div class="col-xs-2 xt-t">
                    数据权限
                </div>
                <div class="col-xs-10" style="display: inline-block;background: white;height: 100%">
                    <div class="group-box-c">
                        <div class="checkbox checkbox-success">
                            <input id="checkbox1" type="checkbox">
                            <label for="checkbox1">
                                全部全部
                            </label>
                        </div>
                        <div class="checkbox checkbox-success">
                            <input id="checkbox1" type="checkbox">
                            <label for="checkbox1">
                                全部
                            </label>
                        </div>
                        <div class="checkbox checkbox-success">
                            <input id="checkbox1" type="checkbox">
                            <label for="checkbox1">
                                全部
                            </label>
                        </div>
                        <div class="checkbox checkbox-success">
                            <input id="checkbox1" type="checkbox">
                            <label for="checkbox1">
                                全部
                            </label>
                        </div>

                        <div class="checkbox checkbox-success">
                            <input id="checkbox1" type="checkbox">
                            <label for="checkbox1">
                                全部
                            </label>
                        </div>
                        <div class="checkbox checkbox-success">
                            <input id="checkbox1" type="checkbox">
                            <label for="checkbox1">
                                全部
                            </label>
                        </div>
                        <div class="checkbox checkbox-info">
                            <input id="checkbox2" type="checkbox">
                            <label for="checkbox2">
                                全部
                            </label>
                        </div>
                        <div class="checkbox checkbox-info">
                            <input id="checkbox3" type="checkbox">
                            <label for="checkbox3">
                                全部
                            </label>
                        </div>
                        <div class="checkbox checkbox-info">
                            <input id="checkbox4" type="checkbox">
                            <label for="checkbox4">
                                全部
                            </label>
                        </div>
                        <div class="checkbox checkbox-info">
                            <input id="checkbox5" type="checkbox">
                            <label for="checkbox5">
                                全部
                            </label>
                        </div>
                        <div class="checkbox checkbox-info">
                            <input id="checkbox6" type="checkbox">
                            <label for="checkbox6">
                                全部a
                            </label>
                        </div>
                    </div>
                    <div class="grop-box">
                        <div class="grop-box-a">
                            <div class="checkbox checkbox-info">
                                <input id="checkbox7" type="checkbox">
                                <label for="checkbox7">
                                    全部
                                </label>
                            </div>
                        </div>
                        <div class="grop-down">
                            更多<span class="glyphicon glyphicon-menu-down" aria-hidden="true"></span>
                        </div>
                        <div class="grop-up">
                            收起 <span class="glyphicon glyphicon-menu-up" aria-hidden="true"></span>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>
</body>


<!-- Mainly scripts -->
<script src="../js/jquery-2.1.1.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/plugins/metisMenu/jquery.metisMenu.js"></script>
<script src="../js/plugins/slimscroll/jquery.slimscroll.min.js"></script>

<!-- Custom and plugin javascript -->
<script src="../js/inspinia.js"></script>
<script src="../js/plugins/pace/pace.min.js"></script>

<!-- Chosen -->
<script src="../js/plugins/chosen/chosen.jquery.js"></script>

<!-- JSKnob -->
<script src="../js/plugins/jsKnob/jquery.knob.js"></script>

<!-- Input Mask-->
<script src="../js/plugins/jasny/jasny-bootstrap.min.js"></script>

<!-- Data picker -->
<script src="../js/plugins/datapicker/bootstrap-datepicker.js"></script>

<!-- NouSlider -->
<script src="../js/plugins/nouslider/jquery.nouislider.min.js"></script>

<!-- Switchery -->
<script src="../js/plugins/switchery/switchery.js"></script>

<!-- IonRangeSlider -->
<script src="../js/plugins/ionRangeSlider/ion.rangeSlider.min.js"></script>

<!-- iCheck -->
<script src="../../js/plugins/iCheck/icheck.min.js"></script>

<!-- MENU -->
<script src="../js/plugins/metisMenu/jquery.metisMenu.js"></script>

<!-- Color picker -->
<script src="../js/plugins/colorpicker/bootstrap-colorpicker.min.js"></script>

<!-- Clock picker -->
<script src="../js/plugins/clockpicker/clockpicker.js"></script>

<!-- Image cropper -->

<script src="../js/plugins/cropper/cropper.min.js"></script>

<!-- Date range use moment.js same as full calendar plugin -->
<script src="../js/plugins/fullcalendar/moment.min.js"></script>

<!-- Date range picker -->
<script src="../js/plugins/daterangepicker/daterangepicker.js"></script>
<script>
    $(document).ready(function(){

        $('#data_5 .input-daterange').datepicker({
            keyboardNavigation: false,
            forceParse: false,
            autoclose: true
        });
    });


</script>
<script>
    $(function () {
        if(document.body.clientWidth<=800){
            $("body").addClass("mini-navbar");
        }else{
            $("body").removeClass("mini-navbar");
        }
        $(window).resize(function() {
            if(document.body.clientWidth<=800){
                $("body").addClass("mini-navbar");
            }else{
                $("body").removeClass("mini-navbar");
            }
        });
    })
</script>
</html>